﻿<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>SportsStore</title>
    <link rel="stylesheet" asp-href-include="/lib/bootstrap/dist/**/*.min.css" asp-href-exclude="**/*-reboot*,**/*-grid*" />
    <link rel="stylesheet" asp-href-include="/lib/font-awesome/css/*.css" />
</head>
<body>
    <nav class="navbar navbar-fixed-top">
        <div class="container">
            <div class="navbar-header">
                <a class="navbar-brand" href="/">Sports Store</a>
            </div>
            <ul class="nav navbar-nav navbar-right">
                <li>@await Component.InvokeAsync("CartSummary")</li>
                @if (Context.User.Identity.IsAuthenticated)
                {
                    <li><span>@Context.User.Identity.Name</span><a asp-action="Logout" asp-controller="Account" asp-route-returnUrl="@ViewContext.HttpContext.Request.PathAndQuery()">Sign out</a></li>
                }
                else
                {
                    <li><a asp-action="Login" asp-controller="Account">Log in</a></li>
                }
            </ul>
        </div>
    </nav>
    <div class="container">
        <div class="row">
            <div id="categoies" class="col-3">
                @await Component.InvokeAsync("NavigationMenu")
            </div>
            <div class="col-9">
                @RenderBody()
            </div>
        </div>
    </div>
</body>
</html>
